<template>
    <div class="updown-cnt">
        <div class="up-cnt">
            <slot name="up"></slot>
        </div>
        <div class="down-cnt">
            <slot name="down"></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'updownComponents'
}
</script>

<style lang="stylus" scoped>
.updown-cnt
    width 100%
    height auto 
    overflow hidden
    .up-cnt 
        width 100%
        height auto 
        float left
        overflow hidden
    .down-cnt 
        width 100%
        height  auto 
        float left
        overflow hidden
</style>